#vue.js german
Explore tagged Tumblr posts
Text
So I've been tagged
By this lovely little soul that goes by the handle of @treshmind. And apparently I am the mutual they want to learn more about, which is a compliment I will hold dear and near.
Do you make your bed? People say your body is your temple. My temple is my bed, a direct reflection of how I'm doing. And right now literally everything is there, not to mention I technically sleep on a couch. But I get by, Imake my little space everyday to catch a few zzs.
Favourite number? Not sure if I have one. Probably not. Seven rings nice though. I always considered it to be the "proud" number, as it looks like a person with their chest forward. Much like the idle stance of everyone's favourite vampire.
What’s your job? Graphic / UX / UI Designer & Front-end developer. 10 years a designer, now venturing into IT. I love creating pretty things that touch people, so to speak, figuratively and literally. Something that hits them and/or they can interact with. Creating experiences, waving stories. I learned HTML & CSS when I was like 15, had a blog and couldn't find a nice skin for it - so I just coded my own. Javascript, typescript and vue.js came along last year and honestly, I'm having a blast. And no, pls don't look at my tumblr, I did code its appearance bit, but it's just tweaks, it doesn't say anything about my skills.
If you could go back to school would you? I would actually and it's something I'm considering. One for front-end development to give myself stronger foundation and boost of confidence, and another for foreign language. Spanish & German have my special attention there.
Can you parallel park? I'm willing to try!
Do you think aliens are real? I always have a hard time defining "aliens". I think most people's perception of what counts as "living" is limited at best and hypocritical at worst. I've heard of bacterias having a better time than some of the fully-formed, fully-conscious humans on Earth. Add humanity's general complex of seeing themselves as the most complex existence in the history and you can probably cook up my general stance on the topic. I don't think Earth is the only place there's a "life" on, but aliens understood as extraterrestrial livings, are probably not modeled after the evolutionary fart currently dominating the 3rd planet from the Sun.
Can you drive a manual car? I can, actually. My father is a car mechanic, I take these things pretty seriously, you know. Should I ever have a car, I don't think I'd go for automatic.
What’s your guilty pleasure? To be fair, all my pleasures are guilty. But as it stands now, my most guilty would be to indulge in my feelings and let myself play a game or doodle or write something while knowing there's piles of work I'm behind on.
Tattoos? One on my back between my shoulder blades, just a standard egdy barcode with my birthdate underneath. And one over my heart (or just over my left tit, let's be honest) saying "Ideas are bulletproof", but mirrored - so that I can read it when I look in the mirror.
Favourite colour? Black, red. I usually wear all black with golden accessories and absolutely seizure-inducing, colorful singular statement pieces.
Favourite types of music? Not sure what counts as "favourite" as I prefer music that makes me feel things, whatever the genre. I like the experimental, funky sound, but I also enjoy the deeply consuming sound of progressive electronic music, which help me deep-focus at work, so there's that ~. And oh, I love voices. Talented voices, singing voices, raw, honest voices. I sing a little and enjoy admiring this craft in others.
Do you like puzzles? Oh absolutely. I'm already hooked.
Any phobias? I thought I was afraid of spiders until I lived with a girl who was REALLY afraid of them and I stepped in as this chivalrous knight in shining armor charging at the beast and – So no, not really.
Favourite childhood sport? I actually participated in a lot of disciplines. I wish I gave acrobatics more time & attention. It felt so freeing and beautiful. So poetic, almost.
Do you talk to yourself? Like out loud? Not anymore, but I do have an old pal on me in my head which is eyyyyy, isn't that me?
What movies do you adore? "V for Vendetta" - about how trauma can reduce a person into a concept. In this case - a concept of vengeance. Dangerous, loveable, tragic concept I resonate with very much. This is also the movie where my tattoo quote comes from.
Where I validated my stance that you don't really need to see the other person to know and love them.
Your experiences and feelings are just as valid, even if someone misled you or you never truly met. And the masks and theatrics cannot really conceal what's truly important, so don't be afraid to just... feel.
Coffee or tea? Coffee, freshly ground & brewed, unless I have the instant kind of day, with milk. Tea - preferably Dilmah, either green or earl grey.
First thing you wanted to be growing up? Oh, an artist probably. Little did I know how difficult and anxiety-inducing it would prove.
----
No pressure tags: @herdarkestnightelegance, @thedomesticanthropologist, @nocna-orchidea
3 notes
·
View notes
Photo

Wie Du mit Vue.js richtig durchstartest | Vue.js in a Nutshell In dieser Serie werden wir Vue.js behandeln und verstehen. Wir werden in dieser Serie alles behandeln, was es zu Vue.js zu wissen gibt. In diesem Video ... source
#durchstartest#mit#Nutshell#richtig#vue#vue cdn#vue cli#vue german#vue js#vue js tutorial#vue mastery#vue programmieren lernen#vue tutorial 2019#vue tutorial 2020#vue.js german#vue.js programmieren#vue.js tutorial 2019#vue.js tutorial 2020#vuejs#Wie
0 notes
Photo
RT @VuejsJob: 🆕 Full-stack Vue.js + Laravel Developer for German Web3 company Stack: @Vuejs + @Laravelphp 🇩🇪 Mainz, Germany, Remote ⏱ Full-time https://t.co/Yn9k5FL797 #workwithvuejs #vuejs #vuejobs #frontendjobs #frontend #laravel
0 notes
Photo
RT @VuejsJob: 🆕 Full-stack Vue.js + Laravel Developer for German Web3 company Stack: @Vuejs + @Laravelphp 🇩🇪 Mainz, Germany, Remote ⏱ Full-time https://t.co/Yn9k5FL797 #workwithvuejs #vuejs #vuejobs #frontendjobs #frontend #laravel
0 notes
Text
Unity,Make a complete Android Game in 1 Hour
Unity,Make a complete Android Game in 1 Hour
Build A Complete Android Game Top Useful Links
Guide to Javascript & A Popular Framework AngularJS – Udemy
Offline-First Progressive Web Apps (PWA) in Vue.js – Udemy
Master CPA Marketing in 1Hour: Step-By-Step Real Case – Udemy
German grammatical cases – intensive training – Udemy
PHP Programming For Everyone – Udemy
The Complete Facebook Marketplace Dropshipping Masterclass – Udemy
View On WordPress
0 notes
Text
Introducing YOOtheme Pro – The New Theme and Page Builder for WordPress
YOOtheme Pro, a powerful theme and page builder developed by YOOtheme, creates a new experience of building websites in WordPress. It shows designers an easy and exciting way to design and create websites thanks to the combination of premium layouts and an intuitive page builder, and it is also a great tool for developers due to its extendability and clean, semantic code. YOOtheme has been known as a leading theme provider since 2007, but with YOOtheme Pro they created the next page builder to be watched for in the WordPress world. The Page Builder YOOtheme Pro is a great choice for users who are already familiar with WordPress since it is seamlessly integrated into the native WordPress customizer. Divide your content into sections, rows and grids and create your layout with these building blocks. Using drag and drop you can design stunning responsive page layouts without having to write a line of code. Everything you change will be instantly shown in live preview. Build Your Content Easily YOOtheme Pro comes with a growing library that currently contains more than 30 content elements. You can of course expect common elements like the Heading, Video, Image or Panel. But there are also some advanced ones, for instance, the Slideshow, Slider, Gallery that includes the masonry effect and the filter option, and much more. All elements are built with the popular front-end framework UIkit, which provides a modern codebase with fast and lightweight JavaScript. You can even bring the functionality of WordPress widgets to YOOtheme Pro and place them anywhere in your layout. Create Sophisticated Layouts in No Time YOOtheme put a lot of effort into the development of their layouts. A team of professional designers regularly creates complete website concepts with a thought-out content structure and focus on modern design trends. Over 100 premium layouts with free-to-use images can be found in the Layout Library. You can filter layouts according to topics and purposes, mix and match them, save your own layouts and reuse them later. This gives you unlimited possibilities and makes creating websites in WordPress as simple as it gets. Choose From Over 70 Beautiful Styles Another feature that makes YOOtheme Pro stand out is their Style Library. Choose one of over 70 handcrafted styles, and the look of your whole website will change in one click. From minimalistic and classic to extravagant and bold – this substantial collection represents all style trends. With YOOtheme Pro you can customize next to anything. You can not only change the style of each item separately, but also apply changes globally. YOOtheme Pro gives you all the power to style your WordPress website with none of the coding. Integrated Unsplash Library YOOtheme Pro seamlessly integrates the popular Unsplash library that provides quality, free-to-use photos. Instead of downloading dozens of images and trying them out on your website, you can search through the library without having to leave YOOtheme Pro. Filter images, browse through collections and users and directly insert images into your layouts. This will really speed-up your design process and save you a lot of time. Lightning-fast and Developer-friendly YOOtheme Pro is fast, lightweight and easy like no other page builder – a true piece of German engineering. It is powered by Vue.js and UIkit to provide a great user experience. YOOtheme Pro really cares about speed. The small code size together with the latest web technologies will get the first meaningful paint quickly on the screen. And with lazy loading images, auto-generated srcsets and next-gen image formats like WebP, YOOtheme Pro will boost the Google PageSpeed rank for your WordPress website. Even Google Fonts are stored locally, which saves the request to Google and makes them GDPR compliant. Even Google Fonts are stored locally, which saves the request to Google and makes them GDPR compliant. Thanks to the modular and extendable architecture YOOtheme Pro is extremely developer-friendly. You can override everything and add custom elements, CSS, JavaScript and even new theme settings. An extensive documentation including a Developers section and video tutorials will help you get started. Get YOOtheme Pro YOOtheme Pro simplifies and at the same time empowers website building. With the regular release of theme packages, including beautifully crafted layouts on a particular topic, six style variations and free hand-picked photos, YOOtheme Pro is the only thing you’ll need to create a website. And while we could talk more about how YOOtheme Pro supports WooCommerce, has many desktop and mobile header layouts and a Footer Builder, we would rather let you see for yourself. So get YOOtheme Pro and experience the future of website building today. Read More at Introducing YOOtheme Pro – The New Theme and Page Builder for WordPress http://dlvr.it/QgcHYH www.regulardomainname.com
0 notes
Text
20 Best New Portfolios, May 2018
Welcome back, readers. It’s May, and that means the weather’s getting hotter. Stay inside, away from the evil, evil sunshine. Relax, grab a lemonade, and browse through this month’s collection of portfolios. This time around, we have a whole lot of grid-based minimalism with black borders, and some other stuff, too.
Note: I’m judging these sites by how good they look to me. If they’re creative and original, or classic but really well-done, it’s all good to me. Sometimes, UX and accessibility suffer. For example, many of these sites depend on JavaScript to display their content at all; this is a Bad Idea, kids. If you find an idea you like and want to adapt to your own site, remember to implement it responsibly.
Frank Chimero
We’ve actually featured a previous version of Frank Chimero’s portfolio once before, back in February 2016. Where the previous iteration was mainly focused on selling his writing, this version includes portfolios for his design and illustration as well.
It’s still pretty simple and modern, but there’s now a definite tendency toward using more images. Also, those pencil strokes in the background are a very nice touch, and fit thematically with all of the work he does.
Platform: Static Site
Jacqui Nguyen
Jacqui Nguyen is an architect, and her one-page portfolio pulls off something I didn’t expect to see this month: an accordion-based layout that I actually kind of like. It doesn’t hurt, mind you, that it’s styled to look vaguely like a file drawer.
I have a weird love for office supplies I never use. Anyway, that slight touch of skeuomorphism is just enough to set her site apart without delving into the realm of leather textures and other abominations. Above all, it is functional. That feels appropriate for an architect.
Platform: WordPress
Tej Chauhan
Tej Chauhan combines the presentation style website with pseudo-brutalism (read: minimalism with monospaced type) in a way that I find interesting. On the one hand, you have the presentation-style layout and handling of images for the portfolio, plus the nigh-unusable navigation so prevalent in presentation sites. (The red dot is the menu button.) On the other, every other element is near-brutalist in its aesthetic.
I wouldn’t adopt Tej’s approach to navigation, but the rest of the design presents some interesting contrast in style.
Platform: WordPress
A Friend of Mine
A Friend of Mine is a design agency that took on an interesting challenge when designing their portfolio: limiting the sense of style and personality as much as possible. Their whole shtick is that they tackle every problem differently, according to the situation. They don’t have a “house style”.
In execution, this means that their site is as simple as possible, taking minimalism to its practical extreme. I like to think that the constantly changing background color on the first part of their home page is a symbol of their commitment to doing everything differently as-needed.
Platform: Static Site
Studio Six
Studio Six’s agency portfolio is basically a study in what you might call corporate elegance. It has some of the hallmarks of artsy work, some fantastic typography, and the some of the restraint of your average corporate site. It manages to strike a balance between all of the elements that you don’t see to often.
Platform: Static Site and/or JS App
Katie Shillingford
Katie Shillingford is a fashion stylist, and her site goes for that magazine feel without trying to completely copy magazine layouts. It’s actually one of the better examples I’ve seen of adapting a print medium’s aesthetic to the web, even if it is loaded down with slideshows galore.
Platform: Static Site
daji studio
daji studio is the portfolio of Kenji Yoshida, a sound designer. You might expect, then, to be blasted by audio the second you open the page.
But lo and behold, Kenji is polite. No audio plays until you click one of the many “play” buttons scattered around the pleasing grid-based design. Be like Kenji.
And the site looks cool, too. The audio visualizations that take over the whole screen when you click a play button can be jarring at first, but overall, I like them.
Platform: WordPress
Hiatus
Hiatus is a team of video editors, and their site is deliciously creative. From making their branding look kind of like a pause button, to the rustic style of their site, to the layout that literally keeps the branding front and center at all times, this thing just… well it made me look.
Plus, unlike most video studios, they don’t hit you with a bunch of auto-playing video. You have to actually click on a project and then click play, so you’ve got plenty of time to set up your headphones first, and it won’t hurt your data caps unless you want it to.
Platform: Static Site
Under After
Under After is another minimalist portfolio that spices things up with just a hint of an illustrator’s touch, here and there. The site’s strongest point is really its typography, but the general layout is pretty snazzy as well.
I actually really like the way they designed those testimonials, and it might be the first time I’ve ever said that. Or not. I just know I don’t say it that often.
Platform: Static Site
Base
Base is a branding studio, and they’ve gone with a website design that forgoes any real fancy touches, and gets straight to showing off their work. It’s simple, it’s clean, it looks good.
Platform: WordPress
Mathilde Serra
Mathilde Serra is an art director with a strong emphasis on type. Combined with the strong colors, and a penchant for illustration, her portfolio looks classy and creative.
It’s so good, it’s almost worth the pre-loader. No but really, go look through the case studies. They’re beautiful.
Platform: Static Site
Johanne Roten
Johanne Roten is a Swiss graphic designer, and the Swiss style definitely shows in her work. It’s got that feeling of near-extreme-minimalism we’ve come to associate with our favorite some of our favorite designers from there. It’s also maybe one of the more well-organized one-page portfolios I’ve ever seen.
Platform: Static Site
Make Architects
Make Architects is an interesting portfolio, and not just for its design, which looks darn good. It takes that asymmetry-focused minimalism that got so popular last year, and combines it with a more business-friendly aesthetic.
It also spends half of its home page showing off not just their work, but advertising how they work. ie. it’s an employee-owned company, etc. They put just as much effort into letting you know what to expect from their business practices as anything else. It’s an approach I’ve seen before, but these people do it right from the get-go.
Platform: WordPress
Studio Thomas
Studio Thomas is one of those studios that has, with some mild animation aside, chosen the dead-simple look for their site. I am rather partial, though, to the header/navigation. It takes an interesting approach to telling the user where they are on the site at all times, putting the page title right up top with the site’s name.
It’s like they think telling you what page you’re on is equal in importance to telling you who they are. And I can’t say I disagree.
Platform: Vue.js / Nuxt
MAD
MAD has also gone for a dead-simple look, but they’ve given their type and visual flair a distinctly playful look through very small touches. It’s a subtle kind of full-site branding, but it gets the message across while keeping the site usable and readable. I can get behind that.
Platform: Static Site
Artomatic
Artomatic is bringing us yet more of that minimalism with lots of black borders that is this month’s theme. Well, there’s also a sense of carefully-imposed order, and one of the nicer approached to video that I’ve seen.
Platform: Static Site (probably)
Creative Media Design
Creative Media Design is a German design studio with a style that you might call simple, professional, efficient, and quintessentially German. True to the ambitions stated in their name, though, the site is livened up with the excellent use of accent colors, and a few small touched of handwriting-style type.
Platform: WordPress
MD
MD is yet another site on this list competing for “most minimalist thing since blank paper”. I mean, portfolio slideshows aside, it has a one-column layout. And yet, it still looks good.
Platform: Static Site
Drexler
Drexler’s studio portfolio spices things up by going back to the old asmymmetry. I mean, what’s old is new again, right? Or at least what’s old is a refreshing change of pace in a sea of grid-heavy aesthetics.
Platform: WordPress
Josh Sender
And lastly, Josh Sender has introduced me to the beautiful Romana BT family of typefaces. Just look at those headings. I mean, the rest of the site is good, but those headings are beautiful.
I also rather like the approach to the navigation used on this one-page portfolio. It’s simple, efficient, and mostly stays out of your way, while never being exactly hidden.
Platform: WordPress
Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!
Source from Webdesigner Depot https://ift.tt/2wEtBZD from Blogger https://ift.tt/2wF2hdy
0 notes
Text
20 Best New Portfolios, May 2018
Welcome back, readers. It’s May, and that means the weather’s getting hotter. Stay inside, away from the evil, evil sunshine. Relax, grab a lemonade, and browse through this month’s collection of portfolios. This time around, we have a whole lot of grid-based minimalism with black borders, and some other stuff, too.
Note: I’m judging these sites by how good they look to me. If they’re creative and original, or classic but really well-done, it’s all good to me. Sometimes, UX and accessibility suffer. For example, many of these sites depend on JavaScript to display their content at all; this is a Bad Idea, kids. If you find an idea you like and want to adapt to your own site, remember to implement it responsibly.
Frank Chimero
We’ve actually featured a previous version of Frank Chimero’s portfolio once before, back in February 2016. Where the previous iteration was mainly focused on selling his writing, this version includes portfolios for his design and illustration as well.
It’s still pretty simple and modern, but there’s now a definite tendency toward using more images. Also, those pencil strokes in the background are a very nice touch, and fit thematically with all of the work he does.
Platform: Static Site
Jacqui Nguyen
Jacqui Nguyen is an architect, and her one-page portfolio pulls off something I didn’t expect to see this month: an accordion-based layout that I actually kind of like. It doesn’t hurt, mind you, that it’s styled to look vaguely like a file drawer.
I have a weird love for office supplies I never use. Anyway, that slight touch of skeuomorphism is just enough to set her site apart without delving into the realm of leather textures and other abominations. Above all, it is functional. That feels appropriate for an architect.
Platform: WordPress
Tej Chauhan
Tej Chauhan combines the presentation style website with pseudo-brutalism (read: minimalism with monospaced type) in a way that I find interesting. On the one hand, you have the presentation-style layout and handling of images for the portfolio, plus the nigh-unusable navigation so prevalent in presentation sites. (The red dot is the menu button.) On the other, every other element is near-brutalist in its aesthetic.
I wouldn’t adopt Tej’s approach to navigation, but the rest of the design presents some interesting contrast in style.
Platform: WordPress
A Friend of Mine
A Friend of Mine is a design agency that took on an interesting challenge when designing their portfolio: limiting the sense of style and personality as much as possible. Their whole shtick is that they tackle every problem differently, according to the situation. They don’t have a “house style”.
In execution, this means that their site is as simple as possible, taking minimalism to its practical extreme. I like to think that the constantly changing background color on the first part of their home page is a symbol of their commitment to doing everything differently as-needed.
Platform: Static Site
Studio Six
Studio Six’s agency portfolio is basically a study in what you might call corporate elegance. It has some of the hallmarks of artsy work, some fantastic typography, and the some of the restraint of your average corporate site. It manages to strike a balance between all of the elements that you don’t see to often.
Platform: Static Site and/or JS App
Katie Shillingford
Katie Shillingford is a fashion stylist, and her site goes for that magazine feel without trying to completely copy magazine layouts. It’s actually one of the better examples I’ve seen of adapting a print medium’s aesthetic to the web, even if it is loaded down with slideshows galore.
Platform: Static Site
daji studio
daji studio is the portfolio of Kenji Yoshida, a sound designer. You might expect, then, to be blasted by audio the second you open the page.
But lo and behold, Kenji is polite. No audio plays until you click one of the many “play” buttons scattered around the pleasing grid-based design. Be like Kenji.
And the site looks cool, too. The audio visualizations that take over the whole screen when you click a play button can be jarring at first, but overall, I like them.
Platform: WordPress
Hiatus
Hiatus is a team of video editors, and their site is deliciously creative. From making their branding look kind of like a pause button, to the rustic style of their site, to the layout that literally keeps the branding front and center at all times, this thing just… well it made me look.
Plus, unlike most video studios, they don’t hit you with a bunch of auto-playing video. You have to actually click on a project and then click play, so you’ve got plenty of time to set up your headphones first, and it won’t hurt your data caps unless you want it to.
Platform: Static Site
Under After
Under After is another minimalist portfolio that spices things up with just a hint of an illustrator’s touch, here and there. The site’s strongest point is really its typography, but the general layout is pretty snazzy as well.
I actually really like the way they designed those testimonials, and it might be the first time I’ve ever said that. Or not. I just know I don’t say it that often.
Platform: Static Site
Base
Base is a branding studio, and they’ve gone with a website design that forgoes any real fancy touches, and gets straight to showing off their work. It’s simple, it’s clean, it looks good.
Platform: WordPress
Mathilde Serra
Mathilde Serra is an art director with a strong emphasis on type. Combined with the strong colors, and a penchant for illustration, her portfolio looks classy and creative.
It’s so good, it’s almost worth the pre-loader. No but really, go look through the case studies. They’re beautiful.
Platform: Static Site
Johanne Roten
Johanne Roten is a Swiss graphic designer, and the Swiss style definitely shows in her work. It’s got that feeling of near-extreme-minimalism we’ve come to associate with our favorite some of our favorite designers from there. It’s also maybe one of the more well-organized one-page portfolios I’ve ever seen.
Platform: Static Site
Make Architects
Make Architects is an interesting portfolio, and not just for its design, which looks darn good. It takes that asymmetry-focused minimalism that got so popular last year, and combines it with a more business-friendly aesthetic.
It also spends half of its home page showing off not just their work, but advertising how they work. ie. it’s an employee-owned company, etc. They put just as much effort into letting you know what to expect from their business practices as anything else. It’s an approach I’ve seen before, but these people do it right from the get-go.
Platform: WordPress
Studio Thomas
Studio Thomas is one of those studios that has, with some mild animation aside, chosen the dead-simple look for their site. I am rather partial, though, to the header/navigation. It takes an interesting approach to telling the user where they are on the site at all times, putting the page title right up top with the site’s name.
It’s like they think telling you what page you’re on is equal in importance to telling you who they are. And I can’t say I disagree.
Platform: Vue.js / Nuxt
MAD
MAD has also gone for a dead-simple look, but they’ve given their type and visual flair a distinctly playful look through very small touches. It’s a subtle kind of full-site branding, but it gets the message across while keeping the site usable and readable. I can get behind that.
Platform: Static Site
Artomatic
Artomatic is bringing us yet more of that minimalism with lots of black borders that is this month’s theme. Well, there’s also a sense of carefully-imposed order, and one of the nicer approached to video that I’ve seen.
Platform: Static Site (probably)
Creative Media Design
Creative Media Design is a German design studio with a style that you might call simple, professional, efficient, and quintessentially German. True to the ambitions stated in their name, though, the site is livened up with the excellent use of accent colors, and a few small touched of handwriting-style type.
Platform: WordPress
MD
MD is yet another site on this list competing for “most minimalist thing since blank paper”. I mean, portfolio slideshows aside, it has a one-column layout. And yet, it still looks good.
Platform: Static Site
Drexler
Drexler’s studio portfolio spices things up by going back to the old asmymmetry. I mean, what’s old is new again, right? Or at least what’s old is a refreshing change of pace in a sea of grid-heavy aesthetics.
Platform: WordPress
Josh Sender
And lastly, Josh Sender has introduced me to the beautiful Romana BT family of typefaces. Just look at those headings. I mean, the rest of the site is good, but those headings are beautiful.
I also rather like the approach to the navigation used on this one-page portfolio. It’s simple, efficient, and mostly stays out of your way, while never being exactly hidden.
Platform: WordPress
Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!
Source p img {display:inline-block; margin-right:10px;} .alignleft {float:left;} p.showcase {clear:both;} body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;} 20 Best New Portfolios, May 2018 published first on https://medium.com/@koresol
0 notes
Text
20 Best New Portfolios, May 2018
Welcome back, readers. It’s May, and that means the weather’s getting hotter. Stay inside, away from the evil, evil sunshine. Relax, grab a lemonade, and browse through this month’s collection of portfolios. This time around, we have a whole lot of grid-based minimalism with black borders, and some other stuff, too.
Note: I’m judging these sites by how good they look to me. If they’re creative and original, or classic but really well-done, it’s all good to me. Sometimes, UX and accessibility suffer. For example, many of these sites depend on JavaScript to display their content at all; this is a Bad Idea, kids. If you find an idea you like and want to adapt to your own site, remember to implement it responsibly.
Frank Chimero
We’ve actually featured a previous version of Frank Chimero’s portfolio once before, back in February 2016. Where the previous iteration was mainly focused on selling his writing, this version includes portfolios for his design and illustration as well.
It’s still pretty simple and modern, but there’s now a definite tendency toward using more images. Also, those pencil strokes in the background are a very nice touch, and fit thematically with all of the work he does.
Platform: Static Site
Jacqui Nguyen
Jacqui Nguyen is an architect, and her one-page portfolio pulls off something I didn’t expect to see this month: an accordion-based layout that I actually kind of like. It doesn’t hurt, mind you, that it’s styled to look vaguely like a file drawer.
I have a weird love for office supplies I never use. Anyway, that slight touch of skeuomorphism is just enough to set her site apart without delving into the realm of leather textures and other abominations. Above all, it is functional. That feels appropriate for an architect.
Platform: WordPress
Tej Chauhan
Tej Chauhan combines the presentation style website with pseudo-brutalism (read: minimalism with monospaced type) in a way that I find interesting. On the one hand, you have the presentation-style layout and handling of images for the portfolio, plus the nigh-unusable navigation so prevalent in presentation sites. (The red dot is the menu button.) On the other, every other element is near-brutalist in its aesthetic.
I wouldn’t adopt Tej’s approach to navigation, but the rest of the design presents some interesting contrast in style.
Platform: WordPress
A Friend of Mine
A Friend of Mine is a design agency that took on an interesting challenge when designing their portfolio: limiting the sense of style and personality as much as possible. Their whole shtick is that they tackle every problem differently, according to the situation. They don’t have a “house style”.
In execution, this means that their site is as simple as possible, taking minimalism to its practical extreme. I like to think that the constantly changing background color on the first part of their home page is a symbol of their commitment to doing everything differently as-needed.
Platform: Static Site
Studio Six
Studio Six’s agency portfolio is basically a study in what you might call corporate elegance. It has some of the hallmarks of artsy work, some fantastic typography, and the some of the restraint of your average corporate site. It manages to strike a balance between all of the elements that you don’t see to often.
Platform: Static Site and/or JS App
Katie Shillingford
Katie Shillingford is a fashion stylist, and her site goes for that magazine feel without trying to completely copy magazine layouts. It’s actually one of the better examples I’ve seen of adapting a print medium’s aesthetic to the web, even if it is loaded down with slideshows galore.
Platform: Static Site
daji studio
daji studio is the portfolio of Kenji Yoshida, a sound designer. You might expect, then, to be blasted by audio the second you open the page.
But lo and behold, Kenji is polite. No audio plays until you click one of the many “play” buttons scattered around the pleasing grid-based design. Be like Kenji.
And the site looks cool, too. The audio visualizations that take over the whole screen when you click a play button can be jarring at first, but overall, I like them.
Platform: WordPress
Hiatus
Hiatus is a team of video editors, and their site is deliciously creative. From making their branding look kind of like a pause button, to the rustic style of their site, to the layout that literally keeps the branding front and center at all times, this thing just… well it made me look.
Plus, unlike most video studios, they don’t hit you with a bunch of auto-playing video. You have to actually click on a project and then click play, so you’ve got plenty of time to set up your headphones first, and it won’t hurt your data caps unless you want it to.
Platform: Static Site
Under After
Under After is another minimalist portfolio that spices things up with just a hint of an illustrator’s touch, here and there. The site’s strongest point is really its typography, but the general layout is pretty snazzy as well.
I actually really like the way they designed those testimonials, and it might be the first time I’ve ever said that. Or not. I just know I don’t say it that often.
Platform: Static Site
Base
Base is a branding studio, and they’ve gone with a website design that forgoes any real fancy touches, and gets straight to showing off their work. It’s simple, it’s clean, it looks good.
Platform: WordPress
Mathilde Serra
Mathilde Serra is an art director with a strong emphasis on type. Combined with the strong colors, and a penchant for illustration, her portfolio looks classy and creative.
It’s so good, it’s almost worth the pre-loader. No but really, go look through the case studies. They’re beautiful.
Platform: Static Site
Johanne Roten
Johanne Roten is a Swiss graphic designer, and the Swiss style definitely shows in her work. It’s got that feeling of near-extreme-minimalism we’ve come to associate with our favorite some of our favorite designers from there. It’s also maybe one of the more well-organized one-page portfolios I’ve ever seen.
Platform: Static Site
Make Architects
Make Architects is an interesting portfolio, and not just for its design, which looks darn good. It takes that asymmetry-focused minimalism that got so popular last year, and combines it with a more business-friendly aesthetic.
It also spends half of its home page showing off not just their work, but advertising how they work. ie. it’s an employee-owned company, etc. They put just as much effort into letting you know what to expect from their business practices as anything else. It’s an approach I’ve seen before, but these people do it right from the get-go.
Platform: WordPress
Studio Thomas
Studio Thomas is one of those studios that has, with some mild animation aside, chosen the dead-simple look for their site. I am rather partial, though, to the header/navigation. It takes an interesting approach to telling the user where they are on the site at all times, putting the page title right up top with the site’s name.
It’s like they think telling you what page you’re on is equal in importance to telling you who they are. And I can’t say I disagree.
Platform: Vue.js / Nuxt
MAD
MAD has also gone for a dead-simple look, but they’ve given their type and visual flair a distinctly playful look through very small touches. It’s a subtle kind of full-site branding, but it gets the message across while keeping the site usable and readable. I can get behind that.
Platform: Static Site
Artomatic
Artomatic is bringing us yet more of that minimalism with lots of black borders that is this month’s theme. Well, there’s also a sense of carefully-imposed order, and one of the nicer approached to video that I’ve seen.
Platform: Static Site (probably)
Creative Media Design
Creative Media Design is a German design studio with a style that you might call simple, professional, efficient, and quintessentially German. True to the ambitions stated in their name, though, the site is livened up with the excellent use of accent colors, and a few small touched of handwriting-style type.
Platform: WordPress
MD
MD is yet another site on this list competing for “most minimalist thing since blank paper”. I mean, portfolio slideshows aside, it has a one-column layout. And yet, it still looks good.
Platform: Static Site
Drexler
Drexler’s studio portfolio spices things up by going back to the old asmymmetry. I mean, what’s old is new again, right? Or at least what’s old is a refreshing change of pace in a sea of grid-heavy aesthetics.
Platform: WordPress
Josh Sender
And lastly, Josh Sender has introduced me to the beautiful Romana BT family of typefaces. Just look at those headings. I mean, the rest of the site is good, but those headings are beautiful.
I also rather like the approach to the navigation used on this one-page portfolio. It’s simple, efficient, and mostly stays out of your way, while never being exactly hidden.
Platform: WordPress
Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!
Source p img {display:inline-block; margin-right:10px;} .alignleft {float:left;} p.showcase {clear:both;} body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}
https://www.webdesignerdepot.com
The post 20 Best New Portfolios, May 2018 appeared first on Unix Commerce.
from WordPress https://ift.tt/2Kl9W2A via IFTTT
0 notes
Text
MyListing – Directory & Listing WordPress Theme
Awesome video review from one of our clients https://www.youtube.com/watch?v=M4eGzFhaBpg MyListing, a Powrful Directory, Listing and Event WordPress Theme MyListing is a WordPress theme that gives you complete freedom to create any type of directory or listing website Design your pages on the front-end and witness your work instantly come to life. MyListing pages are created using the powerful front-end page builder, Elementor. All 50+ elements are drag and drop, and easy to use and customize. Absolutely no coding required. Advanced Listing type creator, for any type of directory. Whether you’re creating a business, event, or any other type of directory, you would want different look, functionality and features for each of them. Our advanced listing type creator lets you do just that. Choose between 20+ pre-made fields and create your own unlimited custom fields. Each listing can also have their own products for sale, host events, have booking forms, reviews, comments and other custom tabs. Create and customize your explore page Build advanced search forms with unlimited custom filters. Choose between three pre-made explore page templates and 10+ Google map skins Monetize your directory website Earn money by monetizing listing submission, aswell as allowing users to promote their listings Full Theme Features MyListing uses Elementor page builder – the fastest growing, open-source WordPress page builder. Over 50 Elementor widgets ready to use. Advanced Listing Type Builder Add unlimited listing types, each with it’s own unique design and functionality. Listing Type editor with a beautiful and easy to use interface. Custom Listing Profiles for each listing type. Custom Fields with powerful field editor for each listing type. Customize the listing preview box, uniquely for each listing type. Customize the Explore page uniquely with custom facets for each listing type. Powerful search facet editor, unique to each listing type. Bookings using TimeKit, Contact Form 7. Listing Reviews. Bookmark Listings. Listing Ratings. Shortcode generator with an easy to use interface. Custom shortcodes included. ‘Button’ shortcode. ‘Listing Categories’ shortcode. ‘Format Text’ shortcode. ‘Icon Picker’ shortcode. ‘Listing Search Form’ shortcode. Over 2000 icons to choose from, including Custom Theme Icons, Material Icons, Font Awesome, and Glyphicons. Integrated with Google Maps. Custom Google Maps markers. Custom Google Maps location previews. Marker/Location clustering. Background Images Parallax Background Video Owl Carousel PhotoSwipe Custom Scrollbars Instant search on header. Listing quick view. Bootstrap Fully Responsive Breadcrumbs bar (section). Customized Dashboard page for front end users. Users can request to add their own products. Share listings/posts functionality included. Fully integrated with WooCommerce. User Sign In/Register functionality included. Fully integrated with WP Job Manager. WC Paid Listings supported. Single Click Demo Import. Choose from all of our online demos. Integrated with Contact Form 7. Contact Form widget included. Latest Blog Posts widget included. Built using Vue.js JavaScript framework. Customize header. Four different header types, alongside other options, and the ability to edit the header on a per-page basis. Smooth scrolling option. Customizable footer. Back to top option. Fully localized and translate ready. Minified and combined assets to reduce the amount of http requests and enhance load time and site performance. Clean and well structured code. Related listings (Host) for listings. Custom, mulitple store tabs possible for each listing. Changelog v1.5.0.3 - Fixed issue with Contact Form 7 not working on single listing page. v1.5.0.2 - Fixed issue in WP Admin that was causing several plugins to stop working properly. v1.5.0.1 - Added RTL support for the new review categories section. v1.5 - FEATURE: Paid Packages can now be restricted to one or more listing types. - FEATURE: Listing fields can now be shown/hidden based on the listing package. - FEATURE: Listing reviews can have more than one category for ratings. - FEATURE: Image galleries can now be attached to a listing review. - Added optional 5 star listing ratings instead of the usual 10. - Added new content block for displaying shortcodes, iframes, etc. using listing data. e.g. you could use the listing's twitter username to display a feed of all their tweets. - Fixed issue with Elementor Social Icons widget. - Fixed issue with empty space when less than 3 gallery images are used in single listing page. - Fixed issue with "show in admin" option in listing fields. - Fixed single listing layout when no logo is present. - Fixed issue with content width on blog posts. - Minor bug fixes. v1.4.3.1 - Fixed issue with WC vendors compatibility - Notified all our users about a bug in the latest WP Job Manager plugin - Please read more here https://helpdesk.27collective.net/knowledgebase/my-listing-does-not-support-wp-job-manager-1-29-1/ v1.4.3 - Fixed issue with custom fields in Listing type creator - Updated premium plugins to latest version - Fixed minor bugs v1.4.2 - Listing description can now be either a WP Editor or a plain textarea. - Added new dark style for the quick search widget. - Added ability to use custom datetime formats with the [27-format] shortcode. - Fixed issue with related listings tab. - Fixed issue with translation of plural strings. - Fixed issue with text encoding of some languages in featured service widget. - Fixed issue with some users not appearing in the listing author select box. - Fixed issue with WP Editor fields not appearing in WP Admin edit listing page. - Fixed issue with featured section backround image on iOS devices. - Fixed minor RTL issues. - Updated the bundled MyCity demo to the latest version. v1.4.1 - Added ability to show multiselect custom fields in preview card, cover buttons, and content blocks. - Fixed issue with custom fields not showing up in dropdown and checkbox search filters. - Fixed issue with user menu translation. - Fixed issue with spinner on quicksearch widget. - More minor improvements. v1.4 - FEATURE: Categories, Tags, and Regions can be specific to one or more listing types. - FEATURE: Added new [quicksearch] shortcode, with instant AJAX results. - FEATURE: Added "Regions" taxonomy. - FEATURE: Added new Elementor widget for displaying terms (regions, categories, or tags). - FEATURE: Added support for rich editor custom fields in single listing page. - Tags now can be accessed similarly to categories in the Explore page. - Single listing page's base URL (example.com/listings/listing-title) can now be modified in Settings > Permalinks. - Added new single page layout block that allows the site admin to insert shortcodes and raw content. - Added single image layout block in single listing page. - Categories, Tags, and Regions have been updated with SEO friendly url-s, e.g. example.com/category/art example.com/region/london example/tag/accepts-credit-cards - Included Brazilian translation (pt_BR), courtesy of Marcelo Lopes! - Fixed issue with non-translatable strings. v1.3.2 - FEATURE: Added ability to have multiple work hours ranges for a single day. - Every listing field can now be edited from the wp-admin panel. - Added option to change listing owner from the WP Admin dashboard. - Added ability to update listing expiry date from the WP Admin dashboard. - Redesigned Checkout page for better user experience. - Updated proximity filter to only be active once a location is set, instead of manually enabling it. - Fixed issue with WC Vendors application form. - Improved styling in WC Vendors dashboard. - Fixed issue with parallax background on iPad on landscape. - Updated the included docs to the latest version, and added info on how to install and configure automatic updates. - Included theme translations for: - German (de_DE) thanks to Christian Sommer - Russian (ru_RU) thanks to Alex ( @corradulka ) - Portuguese (pt_PT) thanks to Joao Coelho v1.3.1 - Added ability to show categories in parent-child format in Explore page. - Fixed issue with inaccurate category listing count. - Fixed issue when no listing type is given on the Explore page. - Fixed issue with user dropdown menu items order. v1.3 - Redesigned Explore page for better UX. - Improved styling on BuddyPress group pages. - Redesigned Cart page for better user experience in desktop and mobile devices. - Added new transparent option for search widget. - Slider Revolution is now bundled with the theme. - Child categories will inherit parent settings like icon, color, image - unless overwritten. - Added specific CSS classes for single listings, listing previews, quick view, explore, etc. - Updated docs on how to import demo data using All-in-One WP Migration (https://27collective.net/files/mylisting/docs/#import-demo) - Included MyHome and MyCar import files. - Fixed issue with multiselect filters in Explore page. - Added BuddyPress profile link in user dropdown menu. - Added ability to filter results using multiselect fields. - Added default background color to logos to avoid issues with transparent images. - Minor bug fixes v1.2.2 - Added quick import for MyCity demo using All-in-One WP Migration - Improved BuddyPress style - Fixed issues with accent color - Fixed RTL issues v1.2.1 - Added ability to set site logo size in header. - Fixed issue with listing "Location" field in admin panel. - Fixed issue with child theme. - Fixed issue with drag & drop in Chrome 62. - Minor bug fixes. v1.2 - FEATURE: Complete BuddyPress integration. - FEATURE: Added right-to-left text support. - FEATURE: Added new author block for single listing page. - Added ability to set the logic used on search queries with multiple categories/tags selected. - Added unique classes to content-block elements. - Added hooks for custom block elements. - Added child theme. - SEO optimizations. - Updated Advanced Custom Fields PRO to latest version. - Updated package selection layout. - Updated documentation on product vendors. - Fixed quick view height issue. - Fixed bug in "Work Hours" field. - Fixed bug with multiselect fields. v1.1 – The first of many - FEATURE: Integrated with "WC Vendors" plugin. - Added links to docs in the listing type builder. - BUGFIX: When adding new listings from admin dashboard, no listing fields would appear at first. - BUGFIX: In the listing type builder, when no field was being used, drag & drop wouldn't work properly. Source
1 note
·
View note
Text
Practical Frontend with Vue.js 2 for Beginners
Practical Frontend with Vue.js 2 for Beginners
Buy Now Price: $99.99 This is a ✅ Vue.js 2 Online Course in which you’ll learn to develop easy to use and very fast frontend websites. The Topic of the Course is VueJS 2 – one of the most popular javascript frontend frameworks. Below you’ll find more information on what the product consists of, what topics the VueJS 2 Course covers and what you can expect from German IT Academy.

View On WordPress
0 notes
Text
Vue.js Developer (remote) - Vue.js Jobs
Vue.js Developer (remote) – Vue.js Jobs
Company description Branded is a technology-driven e-commerce company that acquires, operates, and scales brands with category-winning products on global marketplaces. Built by a team with a proven track record in eCommerce (Lazada, Amazon, Walmart, etc) we have the right experience to build and grow outstanding brands on Amazon and beyond. We have raised a pre-seed investment round from German…

View On WordPress
0 notes
Text
Lead Frontend Developer / Vue.js (m/f/x)
Lead Frontend Developer / Vue.js (m/f/x)
Job description refurbed Full remote work possible (European time zones only). We are the fastest growing marketplace for refurbished electronics in the German speaking region and are based in Vienna. We are active in more than a dozen countries. Through our marketplace we sell completely renewed electronics like phones, laptops and tablets that are 40% cheaper and much more sustainable. Learn…

View On WordPress
0 notes
Text
Rapid prototyping with Vue.js
When I started at codecentric, I had no clue about frontend frameworks. Sure, I knew my HTML and CSS and I did some dynamic pages with PHP, but who didn’t? The first frontend-only framework I seriously worked with was AngularJS. I had a hard time getting into it, which was mostly based on the fact that it was ill-used in our project setup. Instead of separate modules for different parts of the software, we had one giant controller that only got more and more code branches for all the little specialities that were necessary for our business cases.
After a while, our team broke up this massive pile of code. I was eager to help and got a better understanding of JavaScript and AngularJS every day. Today I am pretty familiar with AngularJS projects. Although there is one thing that’s always bothered me. Setting up a small Angular project, for example if you want to quickly try out an idea, can be pretty tedious. I took a look at other frameworks (Angular2, React) in hope that they would be more easy to start a project with, but there you mostly start with an npm/webpack/whatever setup, which is often just totally overweight.
Then I came across Vue. And I really like how lightweight it can be. In this tutorial, I want to show you how quickly you can set up a dynamic webpage, even with REST functionality. A little bit of basic JavaScript knowledge is helpful here. You should also be familiar with the usage of your browser’s developer tools.
If you want to program along, create an index.html and paste this snippet. In the snippet I added some css styling, so the whole thing looks a little bit nicer.
Let’s start with a simple form:
Zip: Loading...
City Matching City: Insert zip to display matching city
This should render you the following form:
The form should take a valid (in this case German) ZIP and show the matching city. Now let’s init Vue.js. Add a link to vue.js to the header:
Then add a script snippet before the closing html tag where you init Vue:
new Vue({ el: '#zip-loader', data: { city: 'Insert zip to display matching city' } });
We don’t have an Element ‘#zip-loader’ yet, so create a div around the existing form:
…
Replace the text ‘Insert zip to display matching city’ with , so that it looks like this:
Matching City:
Reload the file. It should look the same. Only the text is now taken out of the data part of the Vue instance we created. Try changing the text in the city field. It should change in your form. If something’s wrong, check your browser console for errors. Vue is very verbose and it’s often easy to spot the mistakes.
Let’s register the user’s input. Add a ZIP field to the data section of your vue instance and set it to be an empty string:
data: { zip: '', .. }
Bind the new field to the input field in the form. Now everything the users enter here will be directly bound to the ZIP field in the data section of our Vue instance.
Now let’s add a method that is called when a letter is entered:
Add a methods block in your Vue instance and define the method ‘parseZip’ in it. Let’s just log the value of the ZIP field.
methods:{ parseZip: function(){ console.log(this.zip); } }
Now if you enter something in the input field, your browser should log it to the console. By the way, this references your Vue instance.
Now that we get user input, we need to do something with it. We want to load a matching city for an entered ZIP. Since we don’t have a backend, we use a public API for this. http://ift.tt/1EXLE9c offers a very easy to use api. If you call http://ift.tt/2Eb9i4T (the ZIP of the city Solingen in Germany), you get a nice JSON object that holds all the necessary information:
{ "post code": "42697", "country": "Germany", "country abbreviation": "DE", "places": [{ "place name": "Solingen", "longitude": "51.1611", "state": "Nordrhein-Westfalen", "state abbreviation": "NW", "latitude": "05122" }] }
Vue cannot make rest calls. So we need another library for this. I use axios, but you can use any REST library you like. To embed it, just add the JavaScript source to the header:
This enables you to make a GET call in the parseZip method:
parseZip: function(){ axios.get('http://ift.tt/2Eb9i4T') .then(function(response){ console.log(response.data); }) }
Instead of logging the content of the ZIP field, we now make a rest call every time the user enters a key. The resulting data is then logged to the browser console.
Now modify the REST URL to take the ZIP from the data object of our Vue instance:
axios.get(`http://ift.tt/2E9N1UP}`)
Note that I changed the single quotes to backticks here, so I can use template strings.
Since ZIP codes in Germany are generally 5 digits long, add a safeguard around the method, so that the API is not called with a definitely invalid ZIP. Also, change the log function to log the retrieved city. Take a look at the JSON object again, to better understand the syntax I used here.
if (this.zip.length === 5) { axios.get(`http://ift.tt/2E9N1UP}`).then(function(response) { console.log(response.data.places[0]['place name']); }) }
To show the retrieved city on the website, just assign it to the data object. Note: We need to assign the Vue instance to a variable first, because the callback function of the rest call creates a new scope where this doesn’t reference the Vue instance any more.
const myApp = this; if (this.zip.length === 5) { axios.get(`http://ift.tt/2E9N1UP}`) .then(function (response) { myApp.city = response.data.places[0]['place name']; }) }
If you now enter a valid ZIP into the input form, it should show the name of the matching city.
Now our basic functionality is done. Let’s finish up with a little error handling and a loading message.
To show an error message, add a catch block to the get method.
axios.get(`http://ift.tt/2E9N1UP}`) .then(function (response) { myApp.city = response.data.places[0]['place name']; }) .catch(function(){ myApp.city = 'Not a valid zip code'; })
To show a loading message, we need a little additional CSS:
… .visible { display: inline; } … <style>
Add a loading flag to the data section:
data: { … loading: false }
Set the flag to true before the GET call:
… myApp.loading = true; axios.get(`http://ift.tt/2E9N1UP}`) …
And set it to false when loading is done:
.then(function (response) { myApp.city = response.data.places[0]['place name']; myApp.loading = false; }) .catch(function () { myApp.city = 'Not a valid zip code'; myApp.loading = false; })
Now all there is left is changing the CSS class of the Loading... text according to the flag.
Loading...
That’s it. We’re done. We created a dynamic, RESTful web page without any build or packaging tools. This shows why Vue is a great framework if you want to try out something very quick.
You can look up the final code at http://ift.tt/2EZcx0l or play with it in this codepen.
See the Pen Rapid protoyping with vue by Andreas Houben (@ahouben) on CodePen.
The post Rapid prototyping with Vue.js appeared first on codecentric AG Blog.
Rapid prototyping with Vue.js published first on http://ift.tt/2fA8nUr
0 notes